<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">

		<link rel="stylesheet" href="../../css/mui.min.css">
		<link href="../../css/mui.indexedlist.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../css/global.css">
	</head>

	<body>
		<header class="mui-bar mui-bar-nav headerstyle">
			<a class="mui-action-back astyle"><img src="../../images/drawable-hdpi/head_back.png"/></a>
			<h1 class="mui-title">搜索</h1>
		</header>
		<div class="mui-content">
			<!--<p style="color: red;text-align: center;margin-top: 15px;">搜车辆</p>-->
			<hr/>
			<div >
			<select class="mui-btn" id="searchPicker" style="width: 80px;text-align: center;">
						<option value="vehicle_number">车牌号</option>
						<option value="subgrade">底牌号</option>
						<option value="esn">ESN号</option>
					</select>
					</div>
				<div  class="mui-indexed-list-search mui-input-row mui-search">
					<input type="search" class="mui-input-clear mui-indexed-list-search-input" placeholder="搜索">
				</div>
			<div id='userResult' class="ui-alert"></div>
		</div>
	</body>
	<script src="../../js/mui.min.js"></script>
	<script src="../../js/mui.indexedlist.js"></script>
	<script type="text/javascript" charset="utf-8">
		mui.init();
	</script>
	<script type="text/javascript">
		//获得picker值得方法
		var searchPickerButton = document.getElementById('searchPicker');
		var userResult = document.getElementById('userResult');
		searchPickerButton.addEventListener('change', function(event) {
			// 每更改一次搜索方式，更新一下storage中的内容
			plus.storage.setItem('searchType', searchPickerButton.value);
			userResult.innerText = "选择了：" + searchPickerButton.value;
		}, false);
		//记录最后一次搜索方式，参考H5+ storage
		(function($, doc) {
				$.init();
				$.plusReady(function() {
					//初始化界面的时候，显示保存的最后一次搜索方式
					searchPickerButton.value = plus.storage.getItem('searchType');
				});
			}(mui, document));
	</script>

</html>